.wap{height:600px; }
.wap-index{ width: 98%; height: 100%; margin: 1%; background: url(../images/wap.png) no-repeat 0 0/80%; background-position: bottom; text-align: center;}
.wap-index img{ width: 30%; margin: 8% 20% 1% 20%;}
.wap-index h2{ color: #444444; font-family: "微软雅黑"; font-weight: normal; text-align: center;}
.wap-index a.android{ display: block; width: 100%; height: 30%; background: url(../images/an3.png) no-repeat 57% 10%/60%; }
.wap-index a.ios{ display: block; width: 100%; height: 40%; background: url(../images/an4.png) no-repeat 57% 10%/60%; }
/*pad版样式开始*/
.wap-pad{ height: 780px; }
.wap-pad .wap-head{ width: 100%; height: 10%; border-bottom: 2px solid #53D769;}
.wap-pad .wap-head img{ width: 10%; margin-left: 5%; margin-top: 1%; float: left;}
.wap-pad .wap-head h3{ float: left; font-size: 30px;  font-family: "微软雅黑"; font-weight: normal; margin-left: 5%;}
.pad-box{ width: 97%; height: 60%;  margin: 1%; background: url(../images/wap.png) no-repeat 1% bottom/50%; border-bottom: 1px solid #CCCCCC;overflow: hidden;}
.pad-box h3{ font-size: 2em; margin: 2% 0 0 55%; font-weight: normal; font-family: "微软雅黑";}
.pad-p{font-size: 1.1em; margin: 0 0 0 55%; font-weight: normal; font-family: "微软雅黑";}
.pad-box p{ width: 40%; margin: 2% 0 0 55%; font-size:1.2em; font-family: "微软雅黑"; }
.pad-box a.pad-android{display: block; width: 40%; height: 30%; background: url(../images/an3.png) no-repeat 57% 10%/60%; float: right; margin: 5% 0 0 0;}
.pad-box a.pad-ios{display: block; width: 40%; height: 40%; background: url(../images/an4.png) no-repeat 57% 10%/60%; float: right; margin: 5% 0 0 0;}
.pad-img{height: auto; overflow: hidden; width: 97%; margin: 1%;}
.pad-img img{ width: 100%;}
